﻿<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <title>学习AI共同成长</title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
  <!-- all css here -->
  <!-- bootstrap v4.1.3 css -->
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <!-- font-awesome css -->
  <link rel="stylesheet" href="css/fontawesome.min.css" />
  <!-- flaticon css -->
  <link rel="stylesheet" href="css/flaticon.css" />
  <!-- selectize css -->
  <link rel="stylesheet" href="css/selectize.css" />
  <!-- owl-carousel css -->
  <link rel="stylesheet" href="css/owl.carousel.min.css" />
  <link rel="stylesheet" href="css/owl.theme.default.min.css" />
  <!-- animate css -->
  <link rel="stylesheet" href="css/animate.min.css" />
  <!-- venobox css -->
  <link rel="stylesheet" href="css/venobox.css" />
  <!-- style css -->
  <link rel="stylesheet" href="style.css" />
  <!-- modernizr js -->
  <script src="js/vendor/modernizr-custom.js"></script>
  <!--[if lt IE 9]><script src="../../oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="../../oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
 </head>
 <body>
  <div class="wrapper-content">
   <div class="wrapper">
    <!-- Start Header Area -->
    <header class="header">
     <div class="header-top-area">
      <div class="container">
       <div class="row">
        <div class="col-md-12">
         <div class="header-top">
          <div class="tag-text">
           <span>AI资源共建社区，共学习共成长，探索AI的边界！</span>
          </div>
          <!-- <div class="certified-text">
           <span>ISO 9002:2002 Certified</span>
          </div> -->
          <div class="social-area">
           <ul class="social-list list-style">
            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-vimeo-v"></i></a></li>
           </ul>
          </div>
          <div class="language-area">
           <select class="flag">
            <option value="english" selected="">简体中文</option>
            <option value="uk">USA</option>
            <option value="australia">Australia</option>
            <option value="uk">UK</option>
            <option value="france">France</option></select>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="header-bottom">
      <div class="container">
       <div class="row">
        <div class="header-info">
         <!-- Start Navigation -->
         <nav class="navbar navbar-expand-lg navbar-dark">
          <a href="index.html"><img style="max-width:200px" src="assets/images/logo@2x.png" alt="logo" /></a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
          <div class="collapse navbar-collapse" id="navbarNav">
           <ul class="navbar-nav">
            <li class="nav-item active"><a class="nav-link" href="index.html">首页</a></li>
            <li class="nav-item"><a class="nav-link" href="about.html">学习</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">AI变现(接单)</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">关于我们</a></li>
            <li class="nav-item">
             <!-- Start Search btn -->
             <div class="search-btn-area">
              <form action="#">
               <div class="input-group">
                <input type="search" class="form-control" placeholder="Search..." />
                <div class="input-group-append">
                 <button class="btn search-btn" type="button"><i class="fa fa-search"></i></button>
                </div>
               </div>
               <a class="main-search" href="#"><i class="fa fa-search"></i></a>
              </form>
             </div>
             <!-- End Search btn --></li>
            <li class="nav-item">
             <div class="login-btn">
              <a class="btn" href="#">登录</a>
             </div></li>
           </ul>
          </div>
         </nav>
         <!-- End Navigation -->
        </div>
       </div>
      </div>
     </div>
    </header>
    <!-- End Header Area -->
    <!-- Strat Welcome Area -->
    <section class="intro-area">
     <div class="container">
      <div class="row">
       <div class="col-md-12 col-lg-5 col-xl-6">
        <div class="intro-content">
         <h1 class="intro-title"></h1>
         <p>
          和优秀的学习者一起成长，即使你是小白在这里也可以获得帮助和成长的机会，
          AI资源共建社区，共学习共成长，探索AI的边界！
        
        </p>
         <a class="btn" href="#">申请加入</a>
        </div>
       </div>
       <div class="col-md-12 col-lg-7 col-xl-6">
        <div class="intro-image-block">
         <div class="shape-image-1 wow fadeInDown" data-wow-delay="0.5s">
          <img src="img/hero/vector-1.png" alt="shape" />
         </div>
         <div class="shape-image-2 wow fadeInLeft" data-wow-delay="0.8s">
          <img src="img/hero/vector-2.png" alt="shape" />
         </div>
         <div class="shape-image-3 wow fadeInRight" data-wow-delay="1.1s">
          <img src="img/hero/vector-3.png" alt="shape" />
         </div>
         <div class="shape-image-4 wow fadeInUp" data-wow-delay="1.4s">
          <img src="img/hero/vector-4.png" alt="shape" />
         </div>
         <div class="shape-image-5 wow fadeInUp" data-wow-delay="1.7s">
          <img src="img/hero/vector-5.png" alt="shape" />
         </div>
         <div class="shape-image-6 wow fadeInRight" data-wow-delay="2s">
          <img src="img/hero/vector-6.png" alt="shape" />
         </div>
         <div class="shape-image-7 wow fadeInUp" data-wow-delay="2.3s">
          <img src="img/hero/vector-7.png" alt="shape" />
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Welcome Area -->
    <!-- Start Services Area -->
    <section class="services-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-6 col-lg-4">
        <div class="service-single">
         <div class="service-icon">
          <img src="img/services/1.png" alt="Service" />
         </div>
         <h3>Web Analytics</h3>
         <p>Sapien natoque quam officammrissrque at vel tidunt exaquis risus over the thinki yoago for all give so.</p>
        </div>
       </div>
       <div class="col-md-6 col-lg-4">
        <div class="service-single">
         <div class="service-icon">
          <img src="img/services/2.png" alt="Service" />
         </div>
         <h3>Free Local SEO</h3>
         <p>Sapien natoque quam officammrissrque at vel tidunt exaquis risus over the thinki yoago for all give so.</p>
        </div>
       </div>
       <div class="col-md-6 col-lg-4">
        <div class="service-single">
         <div class="service-icon">
          <img src="img/services/3.png" alt="Service" />
         </div>
         <h3>Market Research</h3>
         <p>Sapien natoque quam officammrissrque at vel tidunt exaquis risus over the thinki yoago for all give so.</p>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Services Area -->
    <!-- Start Latest Project Area -->

    <!-- End Latest Project Area -->
    <!-- Start Analysis Area -->
    <section class="analysis-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="analysis-mask-block">
         <img src="img/services/shape.png" alt="img" />
         <div class="analysis-mask">
          <div class="analysis-mask-image">
           <img src="img/services/4.png" alt="img" />
          </div>
         </div>
        </div>
       </div>
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="analysis-content">
         <h2>
          一个专注于AI自主学习的组织，让学习不再孤独


         </h2>
         <p>
          
          一个专注于AI自主学习的组织，让学习不再孤独，共学习共成长，探索AI的边界！
          和优秀的学习者一起成长，即使你是小白在这里也可以获得帮助和成长的机会， AI资源共建社区，共学习共成长，探索AI的边界！
          </p>
         <div class="about-count">
          <div class="counter-content-single">
           <h2><span class="timer" data-from="1" data-to="3072" data-speed="5000" data-refresh-interval="50"></span>人</h2>
           <h4>AI学习者</h4>
          </div>
          <div class="counter-content-single">
           <h2><span class="timer" data-from="1" data-to="1254" data-speed="5000" data-refresh-interval="50"></span></h2>
           <h4>AI学习资源</h4>
          </div>
          <div class="counter-content-single">
           <h2><span class="timer" data-from="1" data-to="48" data-speed="5000" data-refresh-interval="50"></span></h2>
           <h4>优秀AI项目</h4>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Analysis Area -->
    <!-- Start Service Provide Area -->
    <section class="service-provide-area">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>学习者优秀项目</h2>
         <div class="section-line">
          <span></span>
         </div>
         <p>
         优秀的学习者参与研发的项目，激励更多的优秀的学习者参与进来。
        </p>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="service-provide-block">
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-chart"></span>
          </div>
          <h4><a href="#">Local SEO</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-promotion"></span>
          </div>
          <h4><a href="#">Social Marketing</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-money"></span>
          </div>
          <h4><a href="#">Pay Per Click</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-analytics"></span>
          </div>
          <h4><a href="#">Free SEO Analysis</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-chart"></span>
          </div>
          <h4><a href="#">Search Engine Marketing</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-research"></span>
          </div>
          <h4><a href="#">Digital Marketing</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Service Provide Area -->
    <!-- Start Choose Us Area -->
    <!-- <section class="choose-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12 col-lg-12 col-xl-7">
        <div class="choose-image-block">
         <div class="choose-image-1">
          <img src="img/choose/vector-1.png" alt="Vector" />
         </div>
         <div class="choose-image-2">
          <img src="img/choose/vector-2.png" alt="Vector" />
         </div>
         <div class="choose-image-3">
          <img src="img/choose/vector-3.png" alt="Vector" />
         </div>
         <div class="choose-image-4">
          <img src="img/choose/vector-4.png" alt="Vector" />
         </div>
        </div>
       </div>
       <div class="col-md-12 col-lg-12 col-xl-5">
        <div class="choose-content">
         <h2>Why People Choose Us</h2>
         <ul class="choose-list list-style">
          <li>
           <div class="choose-list-single">
            <div class="choose-icon">
             <span class="flaticon-monitor"></span>
            </div>
            <div class="choose-text">
             <h3>Clean Coding</h3>
             <p>Pellentesque aliquam praesent nam ipanplaat cras sed a tristique morbi.</p>
            </div>
           </div></li>
          <li>
           <div class="choose-list-single">
            <div class="choose-icon">
             <span class="flaticon-rocket"></span>
            </div>
            <div class="choose-text">
             <h3>Unique Design</h3>
             <p>Pellentesque aliquam praesent nam ipanplaat cras sed a tristique morbi.</p>
            </div>
           </div></li>
          <li>
           <div class="choose-list-single">
            <div class="choose-icon">
             <span class="flaticon-analysis"></span>
            </div>
            <div class="choose-text">
             <h3>Free Support</h3>
             <p>Pellentesque aliquam praesent nam ipanplaat cras sed a tristique morbi.</p>
            </div>
           </div></li>
         </ul>
        </div>
       </div>
      </div>
     </div>
    </section> -->
    <!-- End Choose Us Area -->
    <!-- Start Traffic Area -->

    <!-- End Traffic Area -->
    <!-- Start Feedback Area -->

    <!-- End Feedback Area -->
    <!-- Start CTA Area -->
    <section class="cta-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="cta-content">
         <h2>
          AI学习资源，AI工具，AI学习课件，最新最全面的AI学习资源分享.
        </h2>
         <a class="btn" href="#">去学习</a>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End CTA Area -->
    <!-- Start Pricing Area -->
    <!-- <section class="pricing-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>Get Your Best Pricing</h2>
         <div class="section-line">
          <span></span>
         </div>
         <p>Dis consectetuer ipsum dui, pellentesque aliquet leo a utelitlus dsen non libero vivamus erat turpis. Justo erat, sem accusamus</p>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="pricing-box-area">
         <div class="pricing-box">
          <div class="pricing-single">
           <h2>$00</h2>
           <h3>Free</h3>
           <ul class="price-list list-style">
            <li>Normal server power</li>
            <li>Unlimited montly traffic</li>
            <li>Cloud technology</li>
            <li>Unlimited disic space</li>
           </ul>
           <a class="btn hvr-wobble-horizontal" href="#">Signup</a>
          </div>
         </div>
         <div class="pricing-box">
          <div class="pricing-single">
           <h2>$48</h2>
           <h3>Silver</h3>
           <ul class="price-list list-style">
            <li>Normal server power</li>
            <li>Unlimited montly traffic</li>
            <li>Cloud technology</li>
            <li>Unlimited disic space</li>
           </ul>
           <a class="btn hvr-wobble-horizontal" href="#">Signup</a>
          </div>
         </div>
         <div class="pricing-box">
          <div class="pricing-single">
           <h2>$74</h2>
           <h3>Golden</h3>
           <ul class="price-list list-style">
            <li>Normal server power</li>
            <li>Unlimited montly traffic</li>
            <li>Cloud technology</li>
            <li>Unlimited disic space</li>
           </ul>
           <a class="btn hvr-wobble-horizontal" href="#">Signup</a>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section> -->
    <!-- End Pricing Area -->
    <!-- Start Blog Area -->
    <section class="blog-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>优秀的学习者</h2>
         <div class="section-line">
          <span></span>
         </div>
         <p>
          往期优秀的学习者，在社区学习AI知识并且运用到自己的工作和生活中，并拿到令人瞩目的成绩和结果。
        </p>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="blog-slider owl-carousel owl-theme">
         <div class="single-news">
          <figure>
           <img src="img/blog/1.jpg" alt="news" />
          </figure>
          <div class="blog-content">
           <h4><a href="#">The Superfood Gold Rush</a></h4>
           <ul class="blog-meta list-style">
            <li><a href="#"><i class="far fa-user"></i>Eula Wolff</a></li>
            <li><a href="#"><i class="far fa-calendar-alt"></i>27 August 2018</a></li>
           </ul>
          </div>
         </div>
         <div class="single-news">
          <figure>
           <img src="img/blog/2.jpg" alt="Img" />
          </figure>
          <div class="blog-content">
           <h4><a href="#">Let’s Talk About seo</a></h4>
           <ul class="blog-meta list-style">
            <li><a href="#"><i class="far fa-user"></i>Javon Borer</a></li>
            <li><a href="#"><i class="far fa-calendar-alt"></i>28 August 2018</a></li>
           </ul>
          </div>
         </div>
         <div class="single-news">
          <figure>
           <img src="img/blog/3.jpg" alt="Img" />
          </figure>
          <div class="blog-content">
           <h4><a href="#">Our Australian Expansion</a></h4>
           <ul class="blog-meta list-style">
            <li><a href="#"><i class="far fa-user"></i>Pierce Blick</a></li>
            <li><a href="#"><i class="far fa-calendar-alt"></i>27 August 2018</a></li>
           </ul>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Blog Area -->
    <!-- Start Client Logo Area -->
    <div class="client-log-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="client-logo-slider owl-carousel owl-theme">
         <div class="client-logo-single">
          <a href="#"><img src="img/clients/1.png" alt="Logo" /></a>
         </div>
         <div class="client-logo-single">
          <a href="#"><img src="img/clients/2.png" alt="Logo" /></a>
         </div>
         <div class="client-logo-single">
          <a href="#"><img src="img/clients/3.png" alt="Logo" /></a>
         </div>
         <div class="client-logo-single">
          <a href="#"><img src="img/clients/4.png" alt="Logo" /></a>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
    <!-- End Client Logo Area -->
    <!-- Start Footer Area -->
    <footer class="footer-area">
     <div class="footer-top">
      <div class="container">
       <div class="row">
        <div class="col-md-6 col-lg-3">
         <div class="footer-info">
          <div class="footer-logo">
           <a href="#"><img src="img/logo/logo.png" alt="Logo" /></a>
          </div>
          <p>
            探索AI的边界！和优秀的学习者一起成长，即使你是小白在这里也可以获得帮助和成长的机会， AI资源共建社区，共学习共成长，探索AI的边界！
            </p>
          <div class="call-us">
           <h5>Call Us <a href="">(0131) 429 5329</a></h5>
          </div>
         </div>
        </div>
        <div class="col-md-6 col-lg-2">
         <div class="footer-info">
          <h4> Link</h4>
          <ul class="link-list list-style">
           <li><a href="#">关于我们</a></li>
           <li><a href="#">AIGC导航</a></li>
           <li><a href="#">推荐资源</a></li>
         
          </ul>
         </div>
        </div>
        <div class="col-md-6 col-lg-3">
         <div class="footer-info">
          <h4>Our Services</h4>
          <ul class="link-list list-style">
           <li><a href="#">学习社群</a></li>
           <li><a href="#">学习者分享</a></li>
           <li><a href="#">线下活动</a></li>
           <li><a href="#">项目分享</a></li>

          </ul>
         </div>
        </div>
        <div class="col-md-6 col-lg-4">
         <div class="footer-info">
          <h4>活动</h4>
          <ul class="instagram-list list-style">
           <li><a href="#"><img src="img/footer/1.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/2.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/3.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/4.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/5.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/6.jpg" alt="Instagram" /></a></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="footer-bottom">
      <div class="container">
       <div class="row">
        <div class="col-md-12">
         <div class="footer-bottom-content">
          <p>Copyright &copy; 2023 Huggface.org.cn All rights reserved.
          </p>
         </div>
        </div>
       </div>
      </div>
     </div>
     <!-- Start Back To Top Area -->
     <div class="back-to-top">
      <span>Back To Top</span>
     </div>
     <!-- End Back To Top Area -->
    </footer>
    <!-- End Footer Area -->
   </div>
  </div>
  <!-- Start Custom Cursor -->
  <div class="custom-cursor">
   <div id="cursor">
    <div id="cursor-ball"></div>
   </div>
  </div>
  <!-- End Custom Cursor -->
  <!-- all js here -->
  <!-- jquery version -->
  <script src="js/jquery-3.1.1.min.js"></script>
  <!-- popper js -->
  <script src="js/popper.min.js"></script>
  <!-- bootstrap js -->
  <script src="js/bootstrap.min.js"></script>
  <!-- selectize -->
  <script src="js/selectize.js"></script>
  <!-- icheck -->
  <script src="js/icheck.min.js"></script>
  <!-- owl.carousel js -->
  <script src="js/owl.carousel.min.js"></script>
  <!-- appear js -->
  <script src="js/jquery.appear.js"></script>
  <!-- easing js -->
  <script src="js/jquery.easing.1.3.min.js"></script>
  <!-- venobox js -->
  <script src="js/venobox.min.js"></script>
  <!-- countTo js -->
  <script src="js/jquery.countTo.js"></script>
  <!-- wow js -->
  <script src="js/wow.min.js"></script>
  <!-- loadMoreResults js -->
  <script src="js/loadMoreResults.js"></script>
  <!-- TweenMax js -->
  <script src="js/TweenMax.js"></script>
  <!-- main js -->
  <script src="js/main.js"></script> 
 </body>
</html>